<%-- 
    Document   : crearCurso
    Created on : 08-12-2014, 20:14:30
    Author     : Rodrigo
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<c:set var="contextPath" value="${pageContext.servletContext.contextPath}"/>

<!DOCTYPE html>
<html>
    <head>
        <title>Crear curso</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="${contextPath}/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="${contextPath}/css/font-awesome.min.css">
        <link rel="stylesheet" href="${contextPath}/css/epraxis.css">
        <style type="text/css">

        </style>
    </head>
    <body>
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <span class="help-block">
                        Desde aquí usted podrá crear un curso especificando la información básica de este, luego de crearlo podrá
                        añadir información adicional y el contenido correspondiente.
                        Cuando esté listo, haga click en el botón <b>Continuar</b>.
                    </span>
                    <hr><br>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <form id="formCrearCurso" method="POST">
                        <input type="hidden" name="modo" value="INSERT"/>
                        <strong class="font-size-14">Nombre del curso:</strong>
                        <span class="help-block">
                            Este será el nombre con el que los demás conoceran su curso
                        </span>
                        <input type="text" name="nombreCurso" class="form-control"/>
                        <br>

                        <strong class="font-size-14">Descripción del curso:</strong>
                        <span class="help-block">
                            Escriba una descripción para explicar el contenido del curso
                        </span>
                        <textarea name="descripcionCurso" class="form-control"></textarea>
                        <br>

                        <strong class="font-size-14">Categoría:</strong>
                        <span class="help-block">
                            Seleccione la categoría del curso, será importante para clasificarla adecuadamente en el sistema
                        </span>
                        <select name="categoriaCurso" class="form-control">
                            <option value="0"></option>
                            <c:forEach var="categoria" items="${listaCategoria}">
                                <option value="${categoria.id}">${categoria.nombre}</option>
                            </c:forEach>
                        </select>
                        <br>
                    </form>
                    <button type="button" onclick="crearCurso()" class="btn btn-primary pull-right">Continuar <i class="fa fa-arrow-right"></i></button>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="${contextPath}/js/jquery-2.1.1.js"></script>
        <script type="text/javascript" src="${contextPath}/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="${contextPath}/js/epraxis.js">
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('input[name=nombreCurso]').focus();
            });
            function crearCurso() {
                var controller = '${contextPath}/app/curso/CursoProcess.do';
                var parametros = $('#formCrearCurso').serialize();

                post(controller, parametros, function(data, isError) {
                    if (isError) {
                        alert(data);
                    } else {
                        parent.document.location = '${contextPath}/app/curso/EditarCursoDisplay.view?id=' + data;
                    }
                });
            }

        </script>
    </body>
</html>
